<html>
	<head>
		<title>tab</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="../javascripts/jquery-1.4.4.js"></script>
		<script type="text/javascript" src="tab.js"></script>
		<link rel="stylesheet" type="text/css" href="../../themes/default/style.css">
	</head>
	<body>
		<div class="row">
			<div class="tab block yspace">
				<div class=title onselectstart='return false'>
					<ul>
						<li class=current>
							<span onClick="chooseTab(this)" item_id="1">餐饮排行</span>
						</li>
						<li>
							<span onClick="chooseTab(this)" item_id="2">玩乐排行</span>
						</li>
						<li>
							<span onClick="chooseTab(this)" item_id="3">购物排行</span>
						</li>
					</ul>
				</div>
				<div class="content">
					显示内容
				</div>
			</div>
		</div>

		<div class="row">
			<div class="tab block yspace">
				<div class="title" onselectstart="return false">
					<ul>
						<li class=current>
							<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
						</li>
						<li>
							<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
						</li>
						<li>
							<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
						</li>
					</ul>
				</div>
				<div class="content">
					<a href="#">显示内容</a>
				</div>
			</div>
		</div>


		<div class="row">
			<div class="tab block yspace">
				<div class="title" onselectstart="return false">
					<ul>
						<li class=current>
							<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
						</li>
						<li>
							<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
						</li>
						<li>
							<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
						</li>
					</ul>
				</div>
				<div class="content">
					<a href="#">显示内容</a>
				</div>
			</div>
		</div>


		<div class="row">
			<div class="col1 left">
				<div class="container">
					<div class="tab block yspace">
						<div class=title onselectstart='return false'>
							<ul>
								<li class=current>
									<span onClick="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onClick="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onClick="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>

						</div>
						<div class="content">
							显示内容
						</div>
					</div>
				</div>
			</div>
			<div class="col2 left">
				<div class="container">
					<div class="tab block yspace">
						<div class="title" onselectstart="return false">
							<ul>
								<li class=current>
									<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>
						</div>
						<div class="content">
							<a href="#">显示内容</a>
						</div>
					</div>
					<div class="tab block yspace">
						<div class="title" onselectstart="return false">
							<ul>
								<li class=current>
									<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>
						</div>
						<div class="content">
							<a href="#">显示内容</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col3 right">
				<div class="container">
					<div class="tab block yspace">
						<div class="title" onselectstart="return false">
							<ul>
								<li class=current>
									<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>
						</div>
						<div class="content">
							<a href="#">显示内容</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col1 left" style="width:34%;">
				<div class="container">
					<div class="tab block yspace">
						<div class=title onselectstart='return false'>
							<ul>
								<li class=current>
									<span onClick="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onClick="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onClick="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>

						</div>
						<div class="content">
							显示内容
						</div>
					</div>
				</div>
			</div>
			<div class="col2 left" style="width:26%;">
				<div class="container">
					<div class="tab block yspace">
						<div class="title" onselectstart="return false">
							<ul>
								<li class=current>
									<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>
						</div>
						<div class="content">
							<a href="#">显示内容</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col3 right" style="width:40%;">
				<div class="tab block yspace">
					<div class="title" onselectstart="return false">
						<ul>
							<li class=current>
								<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
							</li>
							<li>
								<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
							</li>
							<li>
								<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
							</li>
						</ul>
					</div>
					<div class="content">
						<a href="#">显示内容</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="row">
			<div class="col1 left" style="width:20%;">
				<div class="container">
					<div class="tab block yspace">
						<div class=title onselectstart='return false'>
							<ul>
								<li class=current>
									<span onClick="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onClick="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
							</ul>
						</div>
						<div class="content">
							显示内容
						</div>
					</div>
				</div>
			</div>
			<div class="col2 left" style="width:50%;">
				<div class="container">
					<div class="tab block yspace">
						<div class="title" onselectstart="return false">
							<ul>
								<li class=current>
									<span onMouseOver="chooseTab(this)" item_id="1">餐饮排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="2">玩乐排行</span>
								</li>
								<li>
									<span onMouseOver="chooseTab(this)" item_id="3">购物排行</span>
								</li>
							</ul>
						</div>
						<div class="content">
							<a href="#">显示内容</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col3 right" style="width:30%;">
				<div class="tab block yspace">
					<div class="title" onselectstart="return false">
						<ul>
							<li class=current>
								<span onMouseOver="chooseTab(this)" item_id="1">餐饮</span>
							</li>
							<li>
								<span onMouseOver="chooseTab(this)" item_id="2">玩乐</span>
							</li>
							<li>
								<span onMouseOver="chooseTab(this)" item_id="3">购物</span>
							</li>
						</ul>
					</div>
					<div class="content">
						<a href="#">显示内容</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
